<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../image/OIP.jpg" type="image/x-icon" />
    <link rel="stylesheet" href="../css/register.css">
    <link rel="stylesheet" href="../css/footer.css">
    <title>登录</title>
</head>

<body>
    <div id="app">
        <header>
            <span id="logo">
                <span id="logo_first">相亲</span>
                <span id="logo_last">论坛</span>
            </span>
            <img src="../image/ad-word.png" alt="logo_2" height="100%" width="100%">
            <button id="login">登录</button>
        </header>
        <main>
            <form action="javaScript:void(0)" method="post" id='login_form'>

                <p id="form_title">完成注册,幸福一辈子</p>
                <p>
                    <label for="">注册用户:</label>
                    <input type="text" name="username" id="username" placeholder="输入用户名">
                </p>
                <p>
                    <label for="telephone">联系方式:</label>
                    <input type="tel" name="telephone" id="telephone" placeholder="电话号码">
                </p>
                <p>
                    <label>我的性别:</label>
                    <input type="radio" name="sex" value="man" id="man"><label class="sex">男</label>
                    <input type="radio" name="sex" id="woman" value="woman"><label class="sex">女</label>
                </p>

                <p>
                    <label for="userBirthday">出生日期:</label>
                    <input type="datetime" id="userBirthday" placeholder="输入出生日期">
                </p>

                <p>
                    <label for="">婚姻状态:</label>
                    <input type="radio" name="maritalStatus" values="married"><label class="maritalStatus">已婚</label>
                    <input type="radio" name="maritalStatus" values="unmarried"><label class="maritalStatus">未婚</label>
                    <input type="radio" name="maritalStatus" values="secrecy"><label class="maritalStatus">保密</label>
                </p>
                <p>
                    <input type="submit" value="完成注册" id="register">
                </p>
            </form>

        </main>


        <footer>
            <p>
                <a href="javascript:void(0)">关于我们</a> |
                <a href="javascript:void(0)">联系我们</a>|
                <a href="javascript:void(0)">加入我们</a>|
                <a href="javascript:void(0)">合作伙伴</a>| 
                <a href="javascript:void(0)">意见反馈</a>|
                <a href="javascript:void(0)">安全中心</a>|
                <a href="javascript:void(0)">网站地图</a> | 
                <a href="javascript:void(0)">帮助中心</a>|    
                <a href="javascript:void(0)">情感咨询</a>|
                <a href="javascript:void(0)">真爱问答</a>|             
                <a href="javascript:void(0)">个人信息</a>
            </p>
            <p>Copyright © 2020 无版权 仅学习使用</p>
        </footer>
    </div>

</body>

</html>